<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
		<title></title>
		<meta name="description" content=""/>
		<meta name="robots" content="index, follow" />
		<link rel="canonical" href="" />
		<link href="assets/css/style.css" media="all" type="text/css" rel="stylesheet">
		<link href="bs/css/bootstrap.min.css" media="all" type="text/css" rel="stylesheet">
		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(window).bind('scroll', function() {
				if ($(window).scrollTop() > 10) {
					$('header').addClass('nempel');
					//$('.hiddenmenu').addClass('show');
					//alert("jalan loh");
				} else {
					$('header').removeClass('nempel');
					//$('.hiddenmenu').removeClass('show');
				}
			});
		</script>
	</head>
	<body>
		<header>
			<div class="logo">
				<a href="#"><img src="assets/img/logo.png" alt="..." height="30"></a>
			</div>

		</header>
		<div class="content">
			<div class="container">
				<div class="row">
					<?php for ($i=0; $i < 30; $i++) {
					?>
					<div class=" col-3 col-sm-3 col-lg-3 col-xs-3">
						<div class="item">

							<?php if ($i%2==0) {
							?>
							<a href="#"><img src="assets/img/thumbitem.jpg" alt="..." width="273"></a>
							<?php }else { ?>
							<a href="#"><img src="assets/img/thumbitem2.jpg" alt="..." width="273"></a>
							<?php } ?>
							<div class="keterangan">
								<a href="#">Georgeus House</a>
								1330x200 px</br>
								80000 view
							</div>
						</div>

					</div>
					<?php	} ?>
				</div>
			</div>
		</div>
		<footer></footer>
		<script src="bs/js/jquery.js"></script>
		<script src="bs/js/bootstrap.min.js"></script>
		<script src="assets/js/holder.js"></script>
	</body>
</html>